<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
		<title>表格增加页面-测试</title>
		<!--　此页面CSS　必须放在　表格行选择CSS的前面 -->
		<link rel="stylesheet" type="text/css" href="css/workPage.css">
	</head>

<body>
	<table align="center" class="table-button">
		<tr> 
			<td> 
      		<!--
				1、在每一个button中，都要加入 onMouseOut="buttonMouseOut(this)" onMouseOver="buttonMouseOver(this)"
				它是来改来“移出”“移入”的效果的，以方便日后将其换为图片按钮
				2、铵钮的样式分为　两　大类，一类是　业务　的，一类是　操作　的，分别以 _operaction  和 _ctrl　作为名称后缀
				3、每一个Button的样式，都要看其上的文字有几个，如果是4个字，那么就使用button_4_TYPE的样式，如果是2个字，使用
				button_2_TYPE,另外，如果是2个字的按钮，都要在2个字之间加入一个半角的空格,
				这样做的目的是方便日后将按钮改为图片按钮
			-->
			<input name="Submit622" type="button" class="button-2-ctrl" value="返 回" onMouseOut="buttonMouseOut(this)" onMouseOver="buttonMouseOver(this)"> 
			</td>
		</tr>
	</table>

	<table align="center"  class="table-legend">
		<tr><td>
	    	<fieldset class="fieldset-font">
	      	<legend>单 据 录 入</legend>
	      	
	      	<table cellspacing="0" class="table-input">
		        <tr> 
		        <td class="table-input-label-mustInput">姓　　名：</td>
		        <td class="table-input-data"><input name="textfield32" type="text" class="form-input-100" value="Dekn"></td>
		        <td class="table-input-label">性　　别：</td>
			        <td class="table-input-data">
						<select name="select" class="form-select-100">
							<option selected>男</option>
							<option>女</option>
			            </select>
			        </td>
		        </tr>
		        <tr> 
			        <td class="table-input-label-mustInput">年　　龄：</td>
			        <td class="table-input-data"><input name="textfield3" type="text" class="form-input-100"></td>
			        <td class="table-input-label">出生日期：</td>
			        <td class="table-input-data"><input name="textfield22" type="text" class="form-input-100" value="1982-01-01" disabled></td>
		        </tr>
		        <tr> 
		          <td class="table-input-label">出生时间：</td>
		          <td class="table-input-data"><input name="textfield222" type="text" class="form-input-100" value="07:10" disabled></td>
		          <td class="table-input-label-mustInput">血　　型：</td>
		          <td class="table-input-data">
		          	<select name="select2" class="form-select-100">
			            <option selected>请选择</option>
			            <option>A型</option>
			            <option>B型</option>
			            <option>AB型</option>
			            <option>O型</option>
			            <option>其它</option>
		            </select>
		        	</td>
		        </tr>
		        <tr> 
			        <td class="table-input-label-mustInput"><span class="text-unit">[公斤]</span>　体　　重：</td>
			        <td class="table-input-data"><input name="textfield33" type="text" class="form-input-100"></td>
			        <td class="table-input-label"><span class="text-unit">[厘米]</span>　身　　高：</td>
			        <td class="table-input-data"><input name="textfield34" type="text" class="form-input-100"> </td>
		        </tr>
		        
		        <tr> 
		          <td class="table-input-label">爱　　好：</td>
		          <td class="table-input-data">
			          <input id="zq" name="zq" type="checkbox" class="form-checkbox" value="checkbox"><label for="zq">足球</label>
			          <input id="ds" name="checkbox2" type="checkbox" class="form-checkbox" value="checkbox"><label for="ds">读书 </label>
			          <input id="jsj" name="checkbox3" type="checkbox" class="form-checkbox" value="checkbox"><label for="jsj">计算机</label>
			          <input id="qt2" name="checkbox4" type="checkbox" class="form-checkbox" value="checkbox"><label for="qt2">其它</label>
				  </td>
		          <td class="table-input-label-mustInput">国　　籍：</td>
		          <td class="table-input-data">
				    <input  id="zg" name="radiobutton" type="radio" class="form-radio" value="radiobutton" checked>
		            <label for="zg">中国</label>
		            <input   id="mg" name="radiobutton" type="radio" class="form-radio" value="radiobutton">
		            <label for="mg">美国</label>
		            <input   id="yg" name="radiobutton" type="radio" class="form-radio" value="radiobutton">
		            <label for="yg">英国</label> 
		            <input   id="qt" name="radiobutton" type="radio" class="form-radio" value="radiobutton">
		            <label for="qt">其它</label>
				   </td>
		        </tr>
		        <tr> 
		          <td class="table-input-label-mustInput">　地　　址：</td>
		          <td class="table-input-data"><input name="textfield4" type="text" class="form-input-100"></td>
		          <td class="table-input-label-mustInput">电　　话：</td>
		          <td class="table-input-data"><input name="textfield26" type="text" class="form-input-100"></td>
		        </tr>
		        <tr> 
		          <td class="table-input-label">电子邮箱：</td>
		          <td class="table-input-data"><input name="textfield42" type="text" class="form-input-100" value="qwei@netkiss.com.cn"></td>
		          <td class="table-input-label-mustInput">身 份 证：</td>
		          <td class="table-input-data"><input name="textfield27" type="text" class="form-input-100"></td>
		        </tr>
		        <tr> 
		          <td class="table-input-label">备　　注：</td>
		          <td colspan="3" class="table-input-data"><textarea name="textfield422" rows="6" class="form-input-big-100"></textarea></td>
		        </tr>
	      	</table>
	
	      </fieldset>
	    </td></tr>
	</table>
	
	<table align="center" class="table-button-center">
		<tr><td> 
			<input name="Submit7" type="button" class="button-2-ctrl" value="保 存" onMouseOut="buttonMouseOut(this)" onMouseOver="buttonMouseOver(this)"> 
		      <!--
				1、在每一个button中，都要加入 onMouseOut="buttonMouseOut(this)" onMouseOver="buttonMouseOver(this)"
				它是来改来“移出”“移入”的效果的，以方便日后将其换为图片按钮
				2、铵钮的样式分为　两　大类，一类是　业务　的，一类是　操作　的，分别以 _operaction  和 _ctrl　作为名称后缀
				3、每一个Button的样式，都要看其上的文字有几个，如果是4个字，那么就使用button_4_TYPE的样式，如果是2个字，使用
				button_2_TYPE,另外，如果是2个字的按钮，都要在2个字之间加入一个半角的空格,
				这样做的目的是方便日后将按钮改为图片按钮
			   -->
			<input name="Submit62" type="button" class="button-2-ctrl" value="取 消" onMouseOut="buttonMouseOut(this)" onMouseOver="buttonMouseOver(this)">
		</td></tr>
	</table>

</body>
</html>
